html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #091A44;
  /* font-family: "DingTalk JinBuTi"; */
}

* {
  padding: 0;
  box-sizing: border-box;
}

.row {
  display: flex;
  flex-direction: row;
}

.column {
  display: flex;
  flex-direction: column;
}

.align-items {
  display: flex !important;
  align-items: center;
  cursor: pointer;
}

.flex-1 {
  flex: 1;
  position: relative;
}

.flex-3 {
  flex: 3;
  position: relative;
}

.paddinglr16 {
  padding: 0 16px;
}

.paddingl16 {
  padding-left: 16px;
}

.paddingr16 {
  padding-right: 16px;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.el-input__inner {
  background: #081C44 !important;
  border: 1px solid #07379C !important;
  color: #ffffff !important;
  border-radius: 0px !important;
}

.el-icon-arrow-up:before {
  content: '\e78f' !important;
  color: #7584B2 !important;
}

.el-input__inner::-webkit-input-placeholder {
  color: #BFD0F3 !important;
  font-size: 12px !important;
}

.el-select-dropdown {
  background: #082667 !important;
  border: 1px solid #07379C !important;
}

.el-select-dropdown__item {
  color: #FFFFFF !important;
  font-weight: 400 !important;
}

.el-popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #07379C !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  display: none !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #4BEEFF !important;
  background-color: rgba(44, 205, 255, 0.2) !important;
}

/* 表格 */
.el-table-filter {
  background: #082667 !important;
  border: 1px solid #07379C !important;
  color: #ffffff !important;
}

.el-table th>.cell.highlight {
  color: #ffffff !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #4BEEFF !important;
}

.el-table-filter__bottom {
  border-top: 1px solid #07379C !important;
}

.el-table-filter__bottom button {
  color: #4BEEFF !important;
  font-size: 12px !important;
}

.el-table-filter__bottom button.is-disabled {
  color: #ffffff !important;
}

.el-table-filter__checkbox-group label.el-checkbox {
  color: #FFFFFF;
}
.el-table__empty-text {
  line-height: 22px !important;
}
.el-table th,
.el-table tr {
  background: #041438 !important;
  color: #ffffff !important;
  height: 32px !important;
  font-size: 12px !important;
  font-family: Microsoft YaHei, Microsoft YaHei !important;
  font-weight: 400 !important;
}

.el-table th.gutter {
  display: none !important;
  width: 0px !important;
}

.el-table colgroup col[name='gutter'] {
  display: none !important;
  width: 0px !important;
}

.el-table__empty-block {
  background: #0A1F48 !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background: none !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #0C234D !important;
}

.el-table td,
.el-table th.is-leaf {
  border-bottom: none !important;
}

.el-table::before {
  display: none;
}

.el-table__body-wrapper table {
  width: 100% !important;
}
.el-table .sort-caret {
  border-width: 3px !important;
}

.el-table .caret-wrapper {
  height: 22px !important;
}

.el-table .sort-caret.descending {
  bottom: 5px !important;
}

.el-table .sort-caret.ascending {
  top: 3px !important;
}

.el-table .caret-wrapper {
  width: 0px !important;
}
/* // 滚动条 */
div::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
  /* display: none !important; */
}
div::-webkit-scrollbar-thumb {
  background: #2E96FF !important;
}

div::-webkit-scrollbar-track {
  background: #1C3C93 !important;
}

/* 冒泡 */
.el-tooltip__popper.is-dark {
  background: rgba(44, 95, 196, 0.9) !important;
  box-shadow: 0px 3px 14px 1px rgba(0, 0, 0, 0.05) !important;
  border-radius: 3px 3px 3px 3px !important;
}
.el-tooltip__popper.is-dark[x-placement^="top"] .popper__arrow{
  border-top-color: rgba(44, 95, 196, 0.9) !important;
}
.el-tooltip__popper.is-dark[x-placement^="top"] .popper__arrow::after{
  border-top-color: rgba(44, 95, 196, 0.9) !important;
}
.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow::after {
  border-left-color: rgba(44, 95, 196, 0.9) !important;
}
/* tab切换 */
.el-radio-button__inner {
  padding: 5px 10px !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
  background: transparent !important;
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  background: rgba(75, 238, 255, 0.1) !important;
  border-color: #4BEEFF !important;
  color: #67E3F3 !important;
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 2px 2px 0 !important;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-radius: 2px 0 0 2px !important;
}

/* 表格里面的多选框 */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #4BEEFF !important;
  border-color: #4BEEFF !important;
}

.el-checkbox__inner::after {
  border-color: #031337 !important;
}

.el-checkbox__inner {
  border-color: #465A97 !important;
  background-color: transparent !important;
}

/* 进度条 */
.el-progress-bar__outer {
  background-color: #0A337E !important;
  border-radius: 4px !important;
}

.el-progress-bar__inner {
  background-color: #069DFD !important;
  border-radius: 4px !important;
}

/* 日期选择器 */
.el-date-editor .el-range-separator {
  color: #BFD0F3 !important;
  font-size: 12px !important;
}

.el-range-editor .el-range-input {
  background: transparent !important;

}

.el-range-editor .el-range-input::placeholder {
  color: #BFD0F3 !important;
  font-size: 12px !important;
}

.el-date-editor .el-range__icon {
  color: #BFD0F3 !important;
}

.el-picker-panel {
  color: #ffffff !important;
  background: #082667 !important;
  border: 1px solid #07379C !important;
}

.el-picker-panel .el-date-table th {
  color: #ffffff;
  border-bottom-color: #07379C;
}

.el-picker-panel .el-date-range-picker__content.is-left {
  border-right-color: #07379C;
}

.el-picker-panel .el-date-table td.today {
  background: rgba(44, 205, 255, 0.2);
  border-radius: 50%;
  color: #4BEEFF;
}

.el-picker-panel .el-date-table td.today span {
  color: #4BEEFF;
}

.el-picker-panel .el-date-table td.end-date span,
.el-picker-panel .el-date-table td.start-date span {
  color: #4BEEFF;
  background: rgba(44, 205, 255, 0.2);
}

.el-picker-panel .el-date-table td.in-range div {
  background-color: rgba(44, 205, 255, 0.2);
}

.el-picker-panel .el-date-table td.available:hover {
  color: #4BEEFF;
  border-radius: 50%;
  background: rgba(44, 205, 255, 0.2);
}
.el-picker-panel__icon-btn {
  color: #ffffff !important;
}

.el-date-editor .el-range-separator {
  padding: 0 !important;
}
.el-date-editor--daterange .el-range-input {
  color: #ffffff !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
  background: rgba(44, 205, 255, 0.2) !important;
}

/* 联级选择 */
.el-cascader__dropdown {
  color: #ffffff !important;
  background: #082667 !important;
  border: 1px solid #07379C !important;
}

.el-cascader__dropdown .el-cascader-menu {
  color: #ffffff;
  border-right: 1px solid #07379C !important;
}

.el-cascader__dropdown .el-cascader-menu:last-child {
  border-right: none !important;
}

.el-cascader__dropdown .el-cascader-node.is-selectable.in-active-path {
  color: #4BEEFF;
  background: transparent;
}

.el-cascader__dropdown .el-cascader-node:not(.is-disabled):hover {
  color: #FFFFFF;
  background: rgba(44, 205, 255, 0.2);
}

.el-cascader__dropdown .el-cascader-node:not(.is-disabled):focus {
  color: #4BEEFF;
  background: rgba(44, 205, 255, 0.2);
}

.el-cascader__dropdown .el-radio__inner {
  /* border: 1px solid #07379C; */
  background: transparent;
}

.el-cascader__dropdown .el-radio__input.is-checked .el-radio__inner {
  border-color: #4BEEFF;
  background: rgba(44, 205, 255, 0.2);
}

.el-cascader__dropdown .el-radio__inner:hover {
  border-color: #4BEEFF;
  background: rgba(44, 205, 255, 0.2);
}

.el-cascader__dropdown .el-radio__input.is-checked .el-radio__inner::after {
  background: #4BEEFF;
}

.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #4BEEFF !important;
}

/* 按钮 */
.el-button--text {
  color: #16F5FF !important;
  font-size: 13px !important;
}

.el-button--mini {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.el-popper[x-placement^=top] .popper__arrow::after {
  border-top-color: #07379C !important;
  bottom: 0px !important;
}

.el-popper[x-placement^=top] .popper__arrow {
  border-top-color: #07379C !important;
}

.echarts-tooltip {
  z-index: 9999 !important;
}
/* 时段筛选样式 */
.time-select-item:hover {
  color: #4BEEFF;
  background-color: rgba(44, 205, 255, 0.2) !important;
}

.time-select-item {
  font-size: 12px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.time-select-item.selected:not(.disabled) {
  color: #4BEEFF !important;
  background-color: rgba(44, 205, 255, 0.2) !important;
}

.time-select-item.disabled {
  color: #E4E7ED !important;
  cursor: not-allowed !important;
}